<template>
  <div style="width: 100%;height: 100%;" :style="contentStyle"></div>
</template>
<script>
  export default {
    name: 'StraightLine',
    props: {
      containerSize: {type: Object},
      containerStyle: {type: Object}
    },
    data: function () {
      return {}
    },
    computed: {
      contentStyle: function () {
        let style = {...this.containerStyle}
        style.width = '100%'
        style.height = '100%'
        delete style['border-style']
        delete style['border-color']
        delete style['border-width']

        return style
      }
    }
  }
</script>
<style>

</style>
